<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>友圈详情</title>  
    <link rel="stylesheet" href="../libs/mui/mui.css" />
	<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/main.css"/>
	<link rel="stylesheet" type="text/css" href="../css/imageviewer.css"/>	
	<style>				
		/*头部*/	
		.Circle{margin-bottom: 5px;}		
		.mui-table-view .mui-media-object.touxiang{border-radius: 100%; height: 45px !important; max-width:45px !important; line-height: 45px !important;}
		.mui-media-object{height: 80px !important; max-width: 80px !important; line-height: 60px !important;margin-right: 5px;}
		.mui-table-view-cell p{font-size: 14px;}
		.mui-table-view-cell>a:not(.mui-btn){white-space:normal;}			
		.tie{font-size: 16px;padding-bottom: 10px;}
		.contents{
			font-size: 16px;
				padding-bottom: 10px;
				-webkit-box-orient: vertical;
				word-wrap: break-word;
		}
		.mui-table-view.mui-grid-view .mui-table-view-cell{width: 100%;padding: 11px 15px;margin: 0;padding-bottom: 0px;text-align: left;}
		.mui-table-view.mui-grid-view li:nth-child(2){padding-bottom: 11px;}
		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{width: 70%;height: 40px;text-align: left;}
		.frien_img img{height: 45px;width: 45px;}
		/*底部*/
		.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label{display: block;}
		/*.mui-bar-tab {padding: 0px 0;}*/
		.mui-bar-tab .mui-tab-item{height: 0px;color: #AAAAAA;border-right: 1px solid;}
		.mui-bar-tab a:nth-child(3){border: none;}
		.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label{font-size: 16px;}
		.mui-bar-tab .mui-tab-item.mui-active {color: #AAAAAA;}
		/*评论*/
		.luation{padding: 15px;border-bottom: 1px solid #DDDDDD;}
	</style>
</head>
<body ng-app="App" ng-controller="circleController">	
	<header class="mui-bar mui-bar-nav" >
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title">详情</h1>
	</header>
	<!--底部导航-->
	<nav class="navtab mui-bar mui-bar-tab chamber-commerce-nav mui-blues">
		<div style="padding: 11px 0">
	    <a class="mui-tab-item personal like" t_id='{{info.theme_id}}' c_id='{{info.circle_id}}' >
	        <i class="mui-icon iconfont" ng-if='theme_onlike===1'>&#xe614;</i>
	        <i class="mui-icon iconfont" ng-if='theme_onlike===0'>&#xe616;</i>
	        <b class="likecount">{{info.theme_likecount}}</b>
	    </a>	
	     <a class="mui-tab-item Friends">
	        <i class="mui-icon iconfont">&#xe60c;</i>
	        <b>{{info.theme_commentcount}}</b>	        
	    </a>
	     <a href="#picture" class="mui-tab-item">
	    	<i class="mui-icon iconfont">&#xe612;</i>
	        <b class="sharecount">{{info.theme_sharecount}}</b> 
	    </a>
	    </div>
	</nav>
	<div class="mui-content">
		<div class="Circle">
			<ul class="mui-table-view mui-grid-view">
				<li class="mui-table-view-cell" >
					<img class="mui-media-object touxiang mui-pull-left" ng-src="{{info.avatar}}">
					<div class="mui-media-body">
						<span class="mui-h5 back">{{info.member_name}}</span>										
						<h5>{{info.theme_addtime_app}}</h5>								
					</div>
				</li>
				<li class="mui-table-view-cell" >
					<div class="tie mui-ellipsis">{{info.theme_name}}</div>
					<b class="contents">{{info.theme_content}}</b>
					<span ng-repeat="x in info.thclass_images">
						<img class="mui-media-object" ng-src="{{x}}" data-preview-src="{{x.affix_filename}}" data-preview-group="1"/>
					</span>	
				</li>
			</ul>			
		</div>
		<div class="Evaluation">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<span>回复{{info.theme_commentcount}}</span>
				</li>
			</ul>	
			<div class="luation frien_img" ng-repeat="x in replys">
				<div class="home_top">
					<img ng-src="{{x.avatar}}" class="mui-pull-left"/>
				</div>
				<div class="frien_bq" ng-click="goReply(circle_id,theme_id,x.reply_id)" >									
					<span>{{x.member_name}}
						<i class="mui-icon iconfont mui-pull-right gray">&#xe60c;</i>
					</span> 
					<p class="mui-h6">{{x.reply_addtime_app}} <span ng-if="x.reply_replyid > 0">回复{{x.reply_replyid}}楼</span></p>
					<span class="font-14">{{x.reply_content}}</span>						
				</div>
			</div>
		</div>
	</div>	
	<!--分享-->
	<div id="picture" class="brand-share mui-popover mui-popover-action mui-popover-bottom" style="height: 100px;">
		<ul class="background table-view">
			<li><i class="iconfont lvs weixin">&#xe609;</i>
				<span>微信</span>
			</li> 
			<li><i class="iconfont ify4 qq">&#xe658;</i>
				<span>QQ好友</span>
			</li>
			<li><i class="iconfont lvs friends">&#xe65f;</i>
				<span>朋友圈</span>
			</li>
			<li><i class="iconfont ify3 micro-blog">&#xe661;</i>
				<span>微博</span>
			</li>
		</ul>		
	</div>
</body>
<script type="text/javascript" src="../js/mui.min.js"></script>
<script type="text/javascript" src="../libs/jquery/jquery.js"></script>
<script type="text/javascript" src="../js/function.js"></script>
<script type="text/javascript" src="../js/open.js"></script>
<script type="text/javascript" src="../js/angular.js" ></script>
<script src="../js/web_js/public.js"></script>
<script type="text/javascript" src="../js/web_js/circle_details.js"></script>
<script src="../js/mui.zoom.js"></script>
<script src="../js/mui.previewimage.js"></script>
<script type="text/javascript" src="../js/web_js/share_friend.js" ></script>
<script>
	mui.previewImage();
</script>
<script>


</script>
</html>